<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ page session="false"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet"
	href="../resources/css/uploadCss/bootstrap.min.css">
<!-- Generic page styles -->

<!-- Bootstrap styles for responsive website layout, supporting different screen sizes -->
<link rel="stylesheet"
	href="../resources/css/uploadCss/bootstrap-responsive.min.css">
<!-- Bootstrap CSS fixes for IE6 -->
<!--[if lt IE 7]>
<link rel="stylesheet" href="http://blueimp.github.io/cdn/css/bootstrap-ie6.min.css">
<![endif]-->

<!-- CSS to style the file input field as button and adjust the Bootstrap progress bars -->
<link rel="stylesheet"
	href="../resources/css/uploadCss/jquery.fileupload-ui.css">
<!-- CSS adjustments for browsers with JavaScript disabled -->
<noscript>
	<link rel="stylesheet"
		href="../resources/css/uploadCss/jquery.fileupload-ui-noscript.css">
</noscript>




<link rel="stylesheet" type="text/css" href="../resources/css/home.css"
	media="screen" />
<title>${pageTitle}</title>

<script>
	$(document).ready(function() {
		$("#inputUploadForm *").attr("disabled", "disabled").off('click');
	});
</script>
</head>
<body>



	<!-- Header Start -->
	<div id='header_new'>
		<div class='nav'>
			<a href='/ptma'><div class='logo'>
					<h2>${ptma}</h2>
					<h3>${slogon }</h3>
				</div></a>
			<ul>
				<li class="pop"><a href='fileUpload.html'>Upload Build</a></li>


			</ul>
		</div>
	</div>
	<div class='corkboard'>
		<div class='blueprint_bin'>
			<div class="blueprint_light">
				<div class="container">

					<!-- The file upload form used as target for the file upload widget -->
					<form id="fileupload" action="saveFile.html" method="POST"
						enctype="multipart/form-data">
						<!-- Redirect browsers with JavaScript disabled to the origin page -->
						<noscript>
							<input type="hidden" name="redirect"
								value="http://blueimp.github.io/jQuery-File-Upload/">
						</noscript>
						<!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
						<div class="row fileupload-buttonbar">
							<div class="span7">
								<!-- The fileinput-button span is used to style the file input field as button -->
								<span class="btn btn-success fileinput-button"> <i
									class="icon-plus icon-white"></i> <span>Add files...</span> <input
									type="file" name="file" modelAttribute="uploadItem">
								</span>
								<button type="submit" class="btn btn-primary start">
									<i class="icon-upload icon-white"></i> <span>Start
										upload</span>
								</button>
								<button type="reset" class="btn btn-warning cancel">
									<i class="icon-ban-circle icon-white"></i> <span>Cancel
										upload</span>
								</button>



							</div>

						</div>
						<div class="inputUploadForm">
							<div>
								Version: <input type="text" id="txtVersion" disabled /> <input
									type="checkbox" disabled><span class="chkBoxSubscript">Use previous</span>

							</div>
							<div>
								Package:<input type="text" id="txtPackage" disabled/> <input
									type="checkbox" disabled><span class="chkBoxSubscript">Use previous</span>
							</div>
						</div>
					</form>

				</div>
			</div>
			<div class="blueprint_light_bot"></div>
		</div>
		<div class='dev_bulletin'></div>
	</div>


	<div class='corkboard_frame'></div>
	<!-- The template to display files available for upload -->
	<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-upload fade">
        <td>
            <span class="preview"></span>
        </td>
        <td>
            <p class="name">{%=file.name%}</p>
            {% if (file.error) { %}
                <div><span class="label label-important">Error</span> {%=file.error%}</div>
            {% } %}
        </td>
        <td>
            <p class="size">{%=o.formatFileSize(file.size)%}</p>
            {% if (!o.files.error) { %}
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
            {% } %}
        </td>
        <td>
            {% if (!o.files.error && !i && !o.options.autoUpload) { %}
                <button class="btn btn-primary start">
                    <i class="icon-upload icon-white"></i>
                    <span>Start</span>
                </button>
            {% } %}
            {% if (!i) { %}
                <button class="btn btn-warning cancel">
                    <i class="icon-ban-circle icon-white"></i>
                    <span>Cancel</span>
                </button>
            {% } %}
        </td>
    </tr>
{% } %}
</script>
	<!-- The template to display files available for download -->
	<script id="template-download" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
    <tr class="template-download fade">
        <td>
            <span class="preview">
                {% if (file.thumbnailUrl) { %}
                    <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" data-gallery><img src="{%=file.thumbnailUrl%}"></a>
                {% } %}
            </span>
        </td>
        <td>
            <p class="name">
                <a href="{%=file.url%}" title="{%=file.name%}" download="{%=file.name%}" {%=file.thumbnailUrl?'data-gallery':''%}>{%=file.name%}</a>
            </p>
            {% if (file.error) { %}
                <div><span class="label label-important">Error</span> {%=file.error%}</div>
            {% } %}
        </td>
        <td>
            <span class="size">{%=o.formatFileSize(file.size)%}</span>
        </td>
        <td>
            <button class="btn btn-danger delete" data-type="{%=file.deleteType%}" data-url="{%=file.deleteUrl%}"{% if (file.deleteWithCredentials) { %} data-xhr-fields='{"withCredentials":true}'{% } %}>
                <i class="icon-trash icon-white"></i>
                <span>Delete</span>
            </button>
            <input type="checkbox" name="delete" value="1" class="toggle">
        </td>
    </tr>
{% } %}
</script>
	<!-- 		<script -->
	<!-- 			src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> -->
	<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
	<script src="../resources/js/uloadJs/vendor/jquery.ui.widget.js"></script>
	<!-- The Templates plugin is included to render the upload/download listings -->
	<script src="../resources/js/uloadJs/tmpl.min.js"></script>





	<!-- The Iframe Transport is required for browsers without supportuload../resources/js/uloadJs/ for XHR file uploads -->
	<script src="../resources/js/uloadJs/jquery.iframe-transport.js"></script>
	<!-- The basic File Upload plugin -->
	<script src="../resources/js/uloadJs/jquery.fileupload.js"></script>
	<!-- The File Upload processing plugin -->
	<script src="../resources/js/uloadJs/jquery.fileupload-process.js"></script>


	<!-- The File Upload validation plugin -->
	<script src="../resources/js/uloadJs/jquery.fileupload-validate.js"></script>
	<!-- The File Upload user interface plugin -->
	<script src="../resources/js/uloadJs/jquery.fileupload-ui.js"></script>
	<!-- The main application script -->
	<script src="../resources/js/uloadJs/main.js"></script>
	<!-- The XDomainRequest Transport is included for cross-domain file deletion for IE8+ -->
	<!--[if gte IE 8]>
<script src="../resources/js/uloadJs/cors/jquery.xdr-transport.js"></script>
<![endif]-->
</body>
</html>